import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
    ScrollView
} from 'react-native';

import { Col, Row, Grid } from 'react-native-easy-grid';

export default class Table extends Component {
    render() {
        let i,leftList=[];
        for(i=0;i<12;i++){
            leftList.push(<Row key={i} style={{borderBottomWidth:1}}><Text>{i+1}</Text></Row>)
        }
        return (
            <ScrollView style={{backgroundColor:'#eee'}}>
                <View style={{height:780,flexDirection:'row',marginBottom:170}}>
                    <View style={{width:40,height:780,backgroundColor:'#ddd'}}>  
                        <Grid>
                            {leftList}
                        </Grid>
                    </View>
                    <View style={{flex:1,height:780,marginBottom:80}}>
                        <Grid>
                            <Col style={{borderRightWidth:1}}>
                                <Row size={2} style={{backgroundColor:'#0e7612',borderRadius:10}}>
                                    <Text>jjjjjjhehefhe</Text>
                                </Row>
                                <Row size={4}><Text>jjjjjjhehefhe</Text></Row>
                                <Row size={4}><Text>jjjjjjhehefhe</Text></Row>
                                <Row size={1}><Text>jjjjjjhehefhe</Text></Row>
                                <Row size={1}><Text>jjjjjjhehefhe</Text></Row>
                            </Col>
                            <Col style={{borderRightWidth:1}}></Col>
                            <Col style={{borderRightWidth:1}}></Col>
                            <Col style={{borderRightWidth:1}}></Col>
                            <Col style={{borderRightWidth:1}}></Col>
                            <Col style={{borderRightWidth:1}}></Col>
                            <Col style={{borderRightWidth:1}}></Col>
                        </Grid>
                    </View>
                </View>
                
            </ScrollView>
            
        )
    }
}